<template>
	<view class="mainpadding ">
		<view class="flexbetween ">
			<view class="flexleft">
				<!-- 已选中 -->
				<view class="ershiba xiaolan margin_right1 fonweight">综合</view>
				<view class="">					
					<!-- 已选中三角形 -->
					<view class="sxjyxz"></view>
					<view class="xsjxyxz"></view>
				</view>
			</view>
			<view class="ershiba xiaohui margin_right1 ">销量</view>
			<view class="flexleft">
				<!-- 已选中 -->
				<view class="ershiba xiaohui margin_right1 ">价格</view>
				<view class="">					
					<!-- 未选中三角形 -->
					<view class="sxjwxz"></view>
					<view class="xsjwxz"></view>
				</view>
			</view>
		</view>
		<!-- 商品列表 -->
		<view class="flexbetween flex_wrap">
			<view class="shpbox margin_top" v-for="item in 4">
				<image class="sptup" src="../static/image/system/sc.png" mode=""></image>
				<view class="" style="padding: 24rpx; background-color: #fff;">
					<view class="xiankuan ershiba">巴旦木奶枣夹心奶枣杏仁125g独立包装网</view>
					<view class="flexleft margin_top1">
						<view class="strongtext xiaohong margin_right1">￥9.99</view>
						<view class="smalltext xiaohui ">已售1.2万件</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	// 商品列表
	.sptup {
		width: 100%;
		height: 331rpx;
		border-radius: 24rpx 24rpx 0 0;
	}
	
	.shpbox {
		width: 48%;
		border-radius: 24rpx;
	}
	
	//结束
	.xsjwxz{
		margin-top: 4rpx;
		width: 0;
		  height: 0;
		  border-left: 4px solid transparent;
		  border-right: 4px solid transparent;
		  border-top: 5px solid #77767C;
	}
	.xsjxyxz{
		margin-top: 4rpx;
		width: 0;
		  height: 0;
		  border-left: 4px solid transparent;
		  border-right: 4px solid transparent;
		  border-top: 5px solid #2361FF;
	}
	.sxjwxz{
		width: 0;
		  height: 0;
		  border-left: 4px solid transparent;
		  border-right: 4px solid transparent;
		  border-bottom: 5px solid #77767C;
	}
	.sxjyxz{
		width: 0;
		  height: 0;
		  border-left: 4px solid transparent;
		  border-right: 4px solid transparent;
		  border-bottom: 5px solid #2361FF;
	}
	.ssousuobox1 {
		background-color: #E8E8E8;
		width: 80%;
		border-radius: 36rpx;
		padding: 10rpx 30rpx;
	}
</style>